<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app1">    {{num}}    <button @click="add">加</button></div>
<div id="app">

    <h1>{{name}}非常帅</h1>
    <h1>有{{num}}辆跑车</h1>
    <input type="text" v-model="num">

    <button :click="num++">点我</button></br>
    {{test}}<button @click="handleClick">hello</button>

</div>

<script src="node_modules/vue/dist/vue.js"></script>
<script>

 var app  = new Vue({
     el:"#app",//要渲染的元素。
     data:{
         name:"王康",
         num:"1",
         test:0

     },
     methods:{
         handleClick(){
            // console.log("hello vue"+this.test++)
             this.test++
         }
     }

 });
 var vm = new Vue({
     el:"#app1",
     data:{
         num: 0
     },
     methods:{
         add:function(){
             // this代表的当前vue实例
             this.num++;
         }
     }
 })
</script>
</body>
</html>